#layoutContainer {
    height: 100%;
    background: url("../image/background/backgroud2.jpg") no-repeat fixed;
    /*背景图不拉伸*/
    background-size: cover;
}

#layoutContainer #header {
    display: -webkit-flex;
    display: flex;
    height: 60px;
    border-bottom: 1px solid #63a1b2;
    color: #63a1b2;
    font-size: large;
    text-align: center;
    background: linear-gradient(to right, #5b4b3e, #121622);
}

#layoutContainer .headText {
    display: inline;
}
#layoutContainer #header #logo {
    width: 200px;
    margin: auto;
    font-size: large;
}

#layoutContainer #header #title {
    flex: 1;
    margin: auto;
}


#layoutContainer #header #head-icon {
    /*width: 100px;*/
    margin: auto 10px;
}

#layoutContainer #body {
    display: flex;
    display: -webkit-flex;
    height: 100%;
}

#layoutContainer #body #menu {
    width: 200px;
    border-right: 1px solid #63a1b2;
    min-height: calc(100vh - 60px);
    background: linear-gradient(to bottom, #5b4b3e, #151724);
}

#layoutContainer #body #menu * {
    color: #63a1b2;
}

#layoutContainer #body #content {
    padding: 10px;
    width: 100%;
}
#layoutContainer .el-sub-menu__title{
    background: linear-gradient(to bottom, #5b4b3e, #483b31);
}
#layoutContainer .el-menu-item{
    background: linear-gradient(to bottom, #5b4b3e, #483b31);
}